<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="validausuario.jsp"%>
<%@ page import="manager.*"%>
<%@ page import="java.sql.*"%>
<%
	db conexion = new db();
	
	Proyectos proyectos = new Proyectos(conexion);
	Ubicaciones ubicaciones = new Ubicaciones(conexion);
	Categorias categorias = new Categorias(conexion);
	Estados estados = new Estados(conexion);
	
	Departamentos dpto = new Departamentos(conexion);
	ResultSet rs = dpto.list();
	boolean rsIsEmpty = !rs.next();
	
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Consulta</title>
<title>Anotaciones equipo <%= (String)request.getParameter("equipo") %></title>
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery-1.3.2.js" language="JavaScript"></script>
<link rel="Shortcut Icon" href="icono_tm.ico" type="image/x-icon" />
<script type="text/javascript">

	function buscar() {
		if (!$("#filtro_proyecto").is(':checked') && !$("#filtro_categoria").is(':checked') && !$("#filtro_ubicacion").is(':checked') && !$("#filtro_estado").is(':checked')
				&& !$("#filtro_departamento").is(':checked')	&& !$("#filtro_ciudad").is(':checked')	
		
		) {
			alert("Debe escoger al menos un filtro");
			return;
		}
		
		var url = "SrvConsulta?operacion=consulta";
		if ($("#filtro_proyecto").is(':checked')) {
			url += "&proyecto=" + $("#proyecto").val();
		}
		if ($("#filtro_categoria").is(':checked')) {
			url += "&categoria=" + $("#categoria").val();
		}
		if ($("#filtro_ubicacion").is(':checked')) {
			url += "&ubicacion=" + $("#ubicacion").val();
		}
		if ($("#filtro_estado").is(':checked')) {
			url += "&estado=" + $("#estado").val();
		}
		if ($("#filtro_departamento").is(':checked')) {
			url += "&departamento=" + $("#departamento").val();
		}
		if ($("#filtro_ciudad").is(':checked')) {
			url += "&ciudad=" + $("#localidad").val();
		}

		var cmd = document.getElementById("cmd_buscar");
		cmd.disabled = true;
		$("#list").html("<img src=\"images/loading.gif\" >Procesando solicitud");
		$.post(
				url,
				function(resultado) {
					var cmd = document.getElementById("cmd_buscar");
					cmd.disabled = false;
					$("#list").html(resultado);
				}
			).error(function() { alert("error"); });
		
	}
	
	function Informacion(serial) {
		url = "InfoEquipo.jsp?equipo=" + serial;
		window.open(url , "InfoEquipo" , "width=600,height=500,scrollbars=YES,menubar=No,toolbar=NO,status=YES"); 
	}
	
	function cargar_localidad(combo) {
		var url = "srvLocalidad?operacion=combo&departamento=" + combo.value;
		$("#div_municipio").load(url);
	}
	
</script>
</head>
<body>
<%@ include file="header.jsp" %>
<form action="" name="form1">
<h2>Criterio de Busqueda</h2>
<table>
	<tr>
		<th colspan="6">Criterio de busqueda</th>
	</tr>
	<tr>
		<td><input type="checkbox" name="filtro_proyecto" id="filtro_proyecto"></td>
		<td>Proyecto</td>
		<td><%= proyectos.CreateSelectHTML("proyecto") %></td>
		<td><input type="checkbox" name="filtro_categoria" id="filtro_categoria"></td>
		<td>Categoria</td>
		<td><%= categorias.CreateSelectHTML("categoria") %></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="filtro_ubicacion" id="filtro_ubicacion"></td>
		<td>Ubicacion</td>
		<td><%= ubicaciones.CreateSelectHTML("ubicacion") %></td>
		<td><input type="checkbox" name="filtro_estado" id="filtro_estado"></td>
		<td>Estado</td>
		<td><%= estados.CreateSelectHTML("estado") %></td>
	</tr>
	
	<tr>
		<td><input type="checkbox" name="filtro_departamento" id="filtro_departamento"></td>
		<td>Departamento</td>
		<td><select id="departamento" onchange="javascript:cargar_localidad(this);">
					<option value="">Seleccionar departamento</option>
					<%  if (!rsIsEmpty) { %>
					<% do { %>
					<option value="<%= rs.getString("depacodi") %>"><%= rs.getString("depadesc") %></option>
					<% }while(rs.next()); %>
					<% } %>
				</select>
				</td>
		<td><input type="checkbox" name="filtro_ciudad" id="filtro_ciudad"></td>
		<td>Ciudad</td>
		<td><div id="div_municipio">
				<select id="localidad">
					<option value="">Seleccionar</option>
				</select>
			</div></td>
	</tr>
	<tr>
		<td colspan="6"><input type="button" name="cmd_buscar" id="cmd_buscar" onclick="javascript:buscar()" value="Consultar Equipos"  ></td>
		
	</tr>
</table>
</form>
<div id="list"></div>
</body>
</html>
<%
	conexion.Close();
%>